<template>
	<view class="empty-block">
		<image src="@/static/empty-bg.png"></image>
		<text>{{ title }}</text>
	</view>
</template>

<script>
export default {
	name: 'EmptyBloack',
	props: {
		title: {
			type: String,
			default: '暂无数据',
		},
	},
};
</script>

<style scoped lang="scss">
.empty-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	> image {
		width: 300rpx;
		height: 300rpx;
	}

	> uni-text {
		opacity: 0.5;
		font-style: italic;
	}
}
</style>
